学会这个小教程，5分钟可以让你赚8000

Original 苏笙君有范青年 2022-05-14

收录于合集 #赚钱有道 36个

昨天下午在群里聊天，聊到一个有意思的话题，当然，是关于赚钱的。

一个设计单在图片上加个字收费500元，诺，就这B样：

一个HTML的单页收费8000，而且真的丑，速度还慢的要死，由于考虑隐私我就不截图了。

我就在想，这钱啥时候变得这么好赚了？

所以，在众多群友强烈的要求下，我决定写下这篇简单的小教程，学会后，你也阔以去赚8000了

友情提示，教程非常简单，大佬可以绕道了，但希望能帮到一些小白吧，最起码可以让你省8000啊

什么是HTML？

HTML称为超文本标记语言，是一种标识性的语言。我就不去说什么专业的解释了，就用大家能理解的方式来讲一讲。

一个简单的企业展示型网站你只需要懂两个语言即可，HTML+CSS，HTML是来写页面的内容的，而CSS是来控制页面的样式的。

比如知乎：

这是加了CSS样式的，如果去掉CSS是这样的：

所以，只要你掌握了这两个语言你就可以写一个各种各样的的展示网站，当然，还有一个，叫JS，全称是JavaScript ，它的作用简单的说就是可以为网站添加一些功能。

比如弹窗，分享等……

不过，JS是可加可不加的，看需求。

那这两个语言简单吗？这是入门语言，你说简单吗？

但是，你如果没有学代码的需求，而只是需要给企业或者给个人做一个展示页面的话，你完全没必要花时间去学习，因为网上太多这种模板了，直接下载下来改一改即可。

简单的，几分钟就能搞定，复杂一点的也用不了多久就能改好。

比如我开头说的那个案例，他花8000做了一个企业展示官网，除了自己改一改，还有一个方式。

这里就要给大家推荐一个网站了：上线了

这里有非常多的模板，直接在线DIY即可，比做PPT还简单：

除了做网站，你还可以用它做小程序，而且如果你不在乎域名，还可以使用它们的免费套餐，做个展示用足够。

再来看看成本，如果你只是展示用，用上线了的免费套餐就不用花钱，如果想高大上一点，可以买他们的500块的套餐，可以自定义域名，还会有一些功能。

又或者你想自己来搞一个，那你只需要花几百块买一个服务器和域名即可，但这种展示型的，服务器无需太好，腾讯云/阿里云/各种云经常有活动，99一年的大把。所以最终你的费用也就100多块。

还有一种方式，那就是直接把他挂在github、coding、码云等，那你就只需要花几十块买个域名即可。新用户域名只要1块钱。

具体的方式我之前写过：

0代码基础教你“免费”搭建自己的个人博客网站

0代码基础教你搭建一个0成本的网址导航网站

如何操作？

既然要教，那我肯定希望你看完这篇文章就能立马搞定一个网站出来，所以我不如再来讲一讲步骤。

我这里只演示修改模板，因为HTML/CSS这些学习也是需要时间的，建议直接去B站搜索教程学习。用不了两天你就能掌握~

首先去百度找一个你喜欢的模板，这里给大家推荐一个模板网站，没有套路，可以直接挑选自己喜欢的后下载即可。

这里有超多炫酷的模板，企业官网的/产品介绍的/个人主页的等等全都有，大家可自己去挑选：

地址：http://www.cssmoban.com/tags.asp?page=1&n=html

我这里就随便下载一个了。解压后，我得到了这几个文件：

index.html就是我们的首页文件，这里建议大家下载一个Sublime，敲代码用的，地址在这：

https://www.sublimetext.com/

然后打开这个index.html，先来预览一下：

我下的是一个非常简单的，然后我们右键单击index.html在Sublime里打开，当然，你也阔以下载其他的，比如DW。

打开后是这样的：

很简单，你要改的位置就是那些白色字体以及图片。

首先我来改一下标题和页面里的一些文字：

这里我给大家说一下HTML代码的结构，你会改的更轻松：

<html><head> <title>浏览器标题</title><meta charset="utf-8"> 这是网页编码，无需搭理<meta name="keywords" content="关键字" /> <meta name="description" content="描述" /> <link rel="stylesheet" href="dist/css/style.css">这是引用CSS文件<body> 这里就是正文内容 </body></head> </html>

然后再来一个小技巧：

按键盘的F12，调出开发者模式，默认是在右边，点击右上角3个点，把它设置到下面会方便点，看个人习惯：

然后你就能看到：

比如这个时候你要修改有范青年这4个字，或者你要修改这个背景图片，你在代码里找不到在哪里，那么点击这个小箭头：

点击一下它会变颜色，然后你就可以去选择页面的内容，比如我选中这个有范青年，它就会快速帮你定位这个有范青年代码的位置：

又或者我选中这个顶部这个小LOGO：

然后你会发现，它定位到了代码位置，并通过这个图片地址，你也知道了它存放在 dist/imagcs文件夹里面，命名是logo.svg 。

这个时候，如果你要更换LOGO，你只需要把你的LOGO放到这个文件里，如果你的logo是png的就把代码里的svg后缀改成png即可。

比如我把它换成了一张图片：

其他的位置也是一样的方式去修改，我就不一一演示了。

至于如果你对这个模板有一些不满意的位置想要修改，可以去简单的学一学HTML+CSS，学完后你不但能改，还能自己原创一个。

因为真的不难~

接下来就是上传到服务器，如果你用免费的coding或者github的仓库来储存，那么就去看看我之前写的教程。如果你有自己的服务器，直接打包上传即可访问。

好了，现在你已经学会了一个可以帮你赚8000的技能了。哈哈，当然，这是开玩笑的，这样的一个HTML页面其实赚不了多少钱。

但也要提一句：具体收费是看需求的，比如美工，功能，页面的数量等等。

它可以做什么？

可以接一些小项目，比如企业官网，个人主页，个人作品展示，个人简历等等……任何页面都可以~

比如我的导航就是这样一个HTML+CSS+JS构成的一个网站：

https://www.moyu.link

但也会碰到一个问题，如果你需要一个后台咋办？需要可以发布文章发布商品咋办？

这个也很好解决，有现成的，WordPress，这个我之前也写了教程，安装这个程序到你的服务器，然后安装一个企业主题即可解决。

有很多免费的主题，当然，也有很多付费的主题，并不贵，几百块就能搞定，自行百度就可以解决，我就不推荐了。

嗯，不过因为有些企业其实就是展示几篇文章而已，没有特别大的需求其实都可以直接用一个HTML搞定，比如有一些模板是带有文章或者产品展示的：

但是你是点不开的，因为这个模板没有写文章页面，这个时候你可以自己学会来写一个文章页，然后去学一下a标签怎么用，把它链接到你的文章页即可，然后你点击上图的文章就可以跳转到你的另一个文章页面的html了。

比如你去我的那个摸鱼导航，你打开首页是一个html，点击摸鱼搜索，又是一个新的html页面。懂了吧~

商品也是一样的道理，可以跳转到淘宝等其他平台去支付。当然，如果你有一个其他网站，也可以直接用a标签设置跳转。当然，学会了你也可以写一个新的支付html页面。

a标签的意思就是给它加一个超链接，使用方法很简单，我就不比比了，百度一下你就会了。

有些模板也是自带的，自己去找一找即可，比如有些它是一个单页面，但有些它写了关于页面和一些文章页面等。

比如这个就带了文章页：

自己多去挑选一下预览一下即可。

比如这个模板，你甚至还可以做一个电影视频站：

好了，教程就到这，不懂的可以底下留言提问，或者到番薯圈或我的博客去提问都行。看到都会回复你~

最后，

还想继续看我分享更多这种小教程和我的生财之道，别忘了给我点个“在看”鸭，在看越多，我拖更时间就越短，写篇文章不容易啊，需要你们的支持

相关文章：

0代码基础教你“免费”搭建自己的个人博客网站

0代码基础教你搭建一个0成本的网址导航网站

新手零基础建站教程（个人博客/企业/电商等）01

往期推荐：

付鹏 —— 《2024年年终回顾和2025年展望——对冲风险VS软着陆》

湖南60岁富婆沉迷打牌，输掉1个多亿，丈夫还清后离婚，她却说：你这是阴谋

广东女子不想上班坐街边乞讨，因长相好看被路人投喂，知情人：又懒又馋！！

炸裂大瓜！九比童“厉害”，女网红再嘲童锦程！哲家财团豪刷柚柚CC！

假人气挂机房！旭旭宝宝怒斥抖音官方！大美直播爆瓜阿哲高迪！

学会这个小教程，5分钟可以让你赚8000

您可能也对以下帖子感兴趣

付鹏 —— 《2024年年终回顾和2025年展望——对冲风险VS软着陆》

湖南60岁富婆沉迷打牌，输掉1个多亿，丈夫还清后离婚，她却说：你这是阴谋

广东女子不想上班坐街边乞讨，因长相好看被路人投喂，知情人：又懒又馋！！

炸裂大瓜！九比童“厉害”，女网红再嘲童锦程！哲家财团豪刷柚柚CC！

假人气挂机房！旭旭宝宝怒斥抖音官方！大美直播爆瓜阿哲高迪！

生成图片，分享到微信朋友圈

学会这个小教程，5分钟可以让你赚8000

您可能也对以下帖子感兴趣